<template>
  <!-- {{ }}或v-text不能解析HTML元素，只会原样输出 -->
  <p>{{ hello }}</p>
  <p v-text="hello"></p>
  <p v-html="hello"></p>
  <!-- v-html指令将解析HTML元素 -->
  <p v-html="hello"></p>
</template>

<script>
import { reactive, toRefs } from 'vue'

export default {
  setup () {
    const state = reactive({
      hello: '<h1>hello world</h1>'
    })
    return {
      ...toRefs(state)
    }
  }
}
</script>
